<script>
export default {
    setup() {

        // setup中使用this，是 undefined
        console.log('this -----> ', this);
        const msg = 'hello vue3'

        const sayHi = () => {
            alert(msg)
        }

        // 直接在setup定义数据和方法，页面要使用，就主动 return 出去
        return { msg, sayHi }
    },
    // beforeCreate() {
    //     console.log('beforeCreate -----> ', this);
    // },
    // mounted() {
    //     console.log('mounted -----> ', this);
    // }
}
</script>

<template>
    <div @click="sayHi">我是vue3 - {{msg}}</div>
</template>